<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>设置</title>
  <link rel="stylesheet" href="./settings.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_1847360_kpx9bczuee.css">
</head>

<body>
  <div class="settings">
    <header class="operation">
      <i class="iconfont iconsuoxiao" id="settings-minimize"></i>
      <i class="iconfont iconicon_wrong" id="settings-close"></i>
    </header>
    <p class="settings-title">设置</p>
    <div class="setting-content">
      <div class="settings-sider">
        <div class="settings-operation-name settings-active-name" data-tab="#settings-file-main">文件存储</div>
        <div class="settings-operation-name" data-tab="#settings-qiniu-main">七牛云配置</div>
      </div>
      <div class="settings-division"></div>
      <div class="settings-main">
        <div class="settings-form-group" id="settings-file-main">
          <div class="input-group">
            <input type="text" id="savedFileLocation" class="settings-form-control" placeholder="当前存储地址" readonly>
            <button class="settings-btn" type="button" id="select-new-location">选择新的位置</button>
          </div>
          <button class="settings-save-btn" id="settings-save-file-location-btn">保存</button>
        </div>
        <div class="settings-form-group" id="settings-qiniu-main">
          <div class="qiniu-group">
            <p>Access Key</p>
            <input type="text" class="settings-form-qiniu" placeholder="Access Key" id="accessKey">
          </div>
          <div class="qiniu-group">
            <p>Secret Key</p>
            <input type="password" class="settings-form-qiniu" placeholder="Secret Key" id="secretKey">
          </div>
          <div class="qiniu-group">
            <p>Bucket名称</p>
            <input type="text" class="settings-form-qiniu" placeholder="请输入Bucket名称" id="bucketName">
          </div>
          <div class="qiniu-group">
            <p>绑定域名地址</p>
            <input type="text" class="settings-form-qiniu" placeholder="绑定域名地址" id="domainURL">
          </div>
          <button class="settings-save-btn" id="settings-save-qiniu-btn">保存</button>
        </div>
      </div>
    </div>
  </div>
  <script>
    require('./setting.js')
  </script>
</body>

</html>